<template>
	<view class="home">
		<view class="title">{{title}}</view>
		<view class="" style="width: 100%;">
			<view class="" style="text-align: center;">
				<audio style="text-align: left" :src="current.src" :poster="current.poster" :name="current.name" :author="current.author"
				 :action="audioAction" loop controls></audio>
			</view>
		</view>
		<view class="min">
			<view class="" style="margin-right: 20px;">周边</view>
			<view class="">{{time}}</view>
		</view>

		<view class="content">
			<view class="content_itemOne"><text style="letter-spacing: 4px;">是的，不擅长卖货的人家又来卖货啦。总有一次会成功吧?</text></view>
			<view class="content_itemTwo"><text style="letter-spacing: 4px;">这次的货品实例可观，我们还是有点信心的！话不多说，先上菜！</text></view>
			<image src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1594633274635&di=d36de167dfe508f3f6f9a7354e009334&imgtype=0&src=http%3A%2F%2Fimg000.hc360.cn%2Fhb%2FMTQ2ODU0NDgxNTc4NTE4NzMxMTU2Njk%3D.jpg" mode="" style="margin-bottom: 20px;"></image>
			<image src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fspider.nosdn.127.net%2F076737853d650480bce395b264a07222.jpeg&refer=http%3A%2F%2Fspider.nosdn.127.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1626957217&t=427e70502a1c8b5f6267ef4c7655d389" mode="" style="margin-bottom: 50px;height: 150px;"></image>
			<view class="" style="margin-bottom: 10px;">总所周知，肉松饼干就是招牌的灵魂。一口一袋多一点。但奶香奶味，崩脆崩脆，满嘴都是快意出来的幸福的味道；</view>
			<view class="" style="margin-bottom: 15px;"><text style="letter-spacing: 4px;">这是这是一大段文字啊这是一大段文字啊这是一大段文字啊这是一大段文字啊这是一大段文字啊这是一大段文字啊这是一大段文字啊</text></view>
			<view class="">
				<view class="" style="margin-bottom: 10px;">
					<cover-image class="" src="/static/gif/timg.jpg"></cover-image>
					<view class="" style="font-size: 15px;font-weight: 800;">
						<view class=""><text style="letter-spacing: 4px;margin-bottom: 5px;">拿1包来称一下</text></view>
						<view class=""><text style="letter-spacing: 4px;">比1545啊撒大网的吉奥文科</text></view>
					</view>
				</view>
				<view class="">
					<cover-image class="" src="/static/gif/timg.gif"></cover-image>
					<view class="" style="font-size: 15px;font-weight: 800;">
						<view class="" style="margin-bottom: 10px;"><text style="letter-spacing: 4px;margin-bottom: 5px;">拿1包来称一下</text></view>
						<view class=""><text style="letter-spacing: 4px;">比1545啊撒大网的吉奥文科</text></view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: '把幽兰拿铁的灵魂卖给你|新零嘴上市',
				time: '2020-07-13',
				current: {
					poster: 'http://cdnmusic.migu.cn/picture/2019/1113/1828/AS42876c2590d442dcbca0c0a5881eabef.jpg',
					name: '你的答案',
					author: '阿冗',
					src: '../../PagesB/static/music/答案.mp3',
				},
				audioAction: {
					method: 'pause'
				}
			}
		},
		onLoad(options) {
			console.log(options)
		}
	}
</script>

<style lang="scss">
	.home {
		width: 750rpx;
		box-sizing: border-box;
		padding: 5px 20px 0 20px;

		.title {
			box-sizing: border-box;
			width: 100%;
			font-size: 24px;
		}

		.min {
			display: flex;
			font-size: 16px;
		}

		.content {
			font-size: 14px;
			box-sizing: border-box;
			padding: 0 15px 0 15px;


			.content_itemOne {
				margin-bottom: 15px;
			}

			.content_itemTwo {
				margin-bottom: 5px;
			}

			image {
				width: 100%;
				height: 100px;
			}
		}
	}
</style>
